<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" th:href="@{/admin/dist/img/favicon.png}"/>
    <link rel="stylesheet" th:href="@{/blog/amaze/css/style.css}" />
    <link rel="stylesheet" th:href="@{/admin/dist/css/jigsaw.css}">
    <!-- sweetalert -->
    <script th:src="@{/admin/plugins/sweetalert/sweetalert.min.js}"></script>
    <!-- jQuery -->
    <script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
<!--    <script th:src="@{/admin/dist/js/jquery-1.10.2.js}"></script>-->
    <!-- 滑动js-->
    <script th:src="@{/admin/dist/js/jigsaw.js}"></script>
    <script th:src="@{/admin/dist/js/register.js}"></script>
    <title>个人博客-注册</title>

</head>
<body>
<div id="bigBox">
    <h1>用户注册</h1>
    <div class="inputBox">
        <form method="post" th:action="@{/admin/register}">
            <div class="inputText">
                登录名：&nbsp;&nbsp;
                <input type="text" name="userName" id="userName" placeholder="用于登录的名称" />
            </div>
            <div class="inputText">
                昵称：&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="text" name="nickName" id="nickName" placeholder="你的昵称" />
            </div>
            <div class="inputText">
                密码：&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="password" name="password" id="password" placeholder="密码" />
            </div>
            <div class="inputText">
                确认密码：&nbsp;<input type="password" name="repassword" id="repassword" placeholder="确认密码" />
            </div>
            <div class="inputText">
                邮箱地址：&nbsp;<input type="email" name="email" id="email" placeholder="邮箱地址" />
            </div>

            <div class="container" style="margin: 45px;">
                <div id="captcha" style="position: relative"></div>
                 <div id="msg" style="color: greenyellow"></div>
            </div>

            <input type="submit" class="inputButton" id="registerButton" value="注册" />
        </form>
    </div>
</div>
<script type="text/javascript">
    jigsaw.init(document.getElementById('captcha'), function () {
        document.getElementById('msg').innerHTML = '验证成功！'
    })
</script>
</body>
</html>
